<template>
    <div>
        <div class="section">
            <div>
                <!--热门推荐-->
                <div class="swiper-container" ref="slider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="">
                        </div>
                    </div>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="">
                        </div>
                    </div>
                    <div class="swiper-pagination" ref="pagination">

                    </div>
                </div>
                <!--快讯-->
            </div>
            <div class="section">
                <!--新书上架-->
            </div>
            <div class="section">
                <!--编辑推荐-->
            </div>
        </div>
    </div>
</template>
<script>
    import Swiper  from  "swiper"
        import 'swiper/dist/css/swiper.css'
    export default{
        mounted(){
            new  Swiper(this.$refs.slider,{
                pagination: this.$refs.pagination,
                paginationClickable:true,
                spaceBetween:30,
                centeredSlides:ture,
                autoplay:2500,
                autoplayDisableOnInteraction:false
            })
        }
    }



</script>